<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="mokuai1">
        <div class="fanwei1">
            <div class="header">
                <div class="header_nav">
                    <div class="msg"></div>
                    <div class="sign">
                        <a href="login.html">登录</a>
                        <span>/</span>
                        <a href="register.html">注册</a>
                        <img src="" alt="">
                    </div>
                    <div><a href="#">门店查询</a></div>
                    <div class="serve">
                        <a href="#">在线客服</a>
                        <img src="https://img1.dickies.com.cn/images/f4/e6/74/ae483ce5a70728fa9be94412dfedf8fb3bdc0282.png" alt="">
                    </div>
                    <div class="shop_car">
                        <span>我的购物车</span>
                        <img src="" alt="">
                        <div class="shop_num">0</div>
                        <div class="car_list">
                            <div class="list0">
                                <p>购物车中还没有商品，赶紧选购吧！</p>
                                <button class="shop_btn">立即选购</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kong"></div>
                <div class="header_con">
                    <div class="img_logo">
                        <img src="https://img1.dickies.com.cn/images/65/ed/d6/efda24f92a8d14e4f5abc9b40c0006e50ce5eda5.png" alt="">
                    </div>
                    <ul class="main-nav">
                        <li><a href="page.html">全部商品</a>
                            <span class="line line1"></span>
                        </li>
                        <li><a href="#">新品</a>
                            <span class="line"></span>
                        </li>
                        <li class="man-col"><a href="#">男装</a>
                            <span class="line"></span>
                            <div class="man-list">
                                <img src="https://img3.dickies.com.cn/images/d1/53/4d/efc1a6db89eae03be7cb754d2414c8b2c43efb64.jpg_m.jpg" alt="">
                                <p>男装</p>
                            </div>
                        </li>
                        <li class="woman-col"><a href="#">女装</a>
                            <span class="line"></span>
                            <div class="woman-list">
                                    <img src="https://img2.dickies.com.cn/images/e5/33/68/0e5212af7c02190ea79473eb9e9394d67cca5981.jpg_m.jpg" alt="">
                                    <p>女装</p>
                                </div>
                        </li>
                        <li><a href="#">鞋类</a>
                            <span class="line"></span>
                        </li>
                        <li class="parts"><a href="#">配件</a>
                            <span class="line"></span>
                            <div class=" parts-list">
                                    <img src="https://img1.dickies.com.cn/images/af/b1/9e/8d4b00c849eb2744338fc9f29a054af4f87f185d.jpg_m.jpg" alt="">
                                    <p>配件</p>
                                </div>
                        </li>
                        <li><a href="#">品牌动态</a></li>
                    </ul>
                    <div class="search-box">
                        <input type="text" placeholder="搜索Dickies">
                        <i class="fa fa-search" aria-hidden="true"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mokuai2">
        <div class="fanwei2">
            <div class="swiper-container" id="container1">
                <div class="swiper-wrapper" id="wrapper1">
                  <div class="swiper-slide" id="slide1"><img src="https://img3.dickies.com.cn/images/b0/51/93/d50079fa1c56dfd46b5a25bde270ae766a9e5176.jpg" alt=""></div>
                  <div class="swiper-slide" id="slide2"><img src="https://img3.dickies.com.cn/images/84/cd/91/47ac80287624c4fe69d379cd3c08cd2740aafb13.jpg
                    " alt=""></div>
                </div>
                <div class="btn-prev1"><i class="fa fa-angle-left" aria-hidden="true"></i></div>
               <div class="btn-next1"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
              </div>
        </div>
    </div>
    <div class="mokuai3">
        <div class="fanwei3">
            <a class="man-img" href="#">
                <img src="https://img1.dickies.com.cn/images/a4/57/e8/fa03726bcb8d64fc36d24bd515a3d232571f6c96.jpg" alt="">
            </a>
            <a class="woman-img" href="product.html">
                    <img src="https://img1.dickies.com.cn/images/99/12/97/c94703c95d83c83fab4d79ec97b2fb4e523192aa.jpg" alt="">
                </a>
        </div>
    </div>
    <div class="mokuai4">新品推荐</div>
    <div class="mokuai5">
        <ul>
            <li class="man-active">男装</li>
            <li>/</li>
            <li>女装</li>
        </ul>
    </div>
    <div class="mokuai6">
        <div class="fanwei6">
            <div class="lastfanwei">
                <div class="swiper-container" id="container2">
                        <div class="swiper-wrapper" id="wrapper2">
                                <div class="swiper-slide" id="slide3">
                                    <img src="https://img3.dickies.com.cn/images/eb/1b/3e/48ab93d34ca8936d43c9297f53de646c3e8dac25.jpg_s.jpg" alt="">
                                    <div class="goods-title">Dickies男士磨毛法兰绒长袖衬衫1</div>
                                </div>
                                <div class="swiper-slide" id="slide3">
                                    <img src="https://img1.dickies.com.cn/images/76/1f/a5/b5d672ee77caad7fa228e9055b76abeb222100b4.jpg_s.jpg" alt="">
                                    <div class="goods-title">Dickies男士字母立体牙刷绣卫衣2</div>
                                </div>
                                <div class="swiper-slide" id="slide3">
                                    <img src="https://img2.dickies.com.cn/images/14/37/56/fd1170f71e59581df981da8c9515500f1973ed01.jpg_s.jpg" alt="">
                                    <div class="goods-title">Dickies毛巾绣logo印花连帽卫衣3</div>
                                </div>
                                <div class="swiper-slide" id="slide3">
                                    <img src="https://img3.dickies.com.cn/images/34/b9/31/27d8b8099ff1c0afbdc524df60c3f3d86c1d1644.jpg_s.jpg" alt="">
                                    <div class="goods-title">Dickies男士羊羔绒中长款开衫卫衣4</div>
                                </div>
                                <div class="swiper-slide" id="slide3">
                                    <img src="https://img1.dickies.com.cn/images/0f/f8/09/25c37bc6238f781eb65b1169f1be91f629c2827c.jpg_s.jpg" alt="">
                                    <div class="goods-title">Dickies男士前胸logo厚板印花卫衣5</div>
                                </div>
                                <div class="swiper-slide" id="slide3">
                                    <img src="https://img3.dickies.com.cn/images/13/31/8a/6896bdc606597ca59b1b861773d22f37e2d52ffc.jpg_s.jpg" alt="">
                                    <div class="goods-title">Dickies男士logo羊羔绒贴布绣卫衣6</div>
                                </div>
                                <div class="swiper-slide" id="slide3">
                                    <img src="https://img2.dickies.com.cn/images/d3/ba/d3/94cb7f0688df6d1e0de88f0ebf5223b0d10b6ee0.jpg_s.jpg" alt="">
                                    <div class="goods-title">Dickies男士字母毛巾绣印花卫衣7</div>
                                </div>
                        </div>
                        <div class="btn-prev2"><i class="fa fa-angle-left" aria-hidden="true"></i></div>
               <div class="btn-next2"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
                    </div>
                </div>
        </div>
    </div>
    <div class="mokuai7">
        <div class="fanwei7">
            <div class="brand-main">
            <div class="brand-event"><a href="#">品牌动态</a></div>
            <ul class="clearfix">
                <li><a href="#">
                        <div class="img-list"><img src="https://img1.dickies.com.cn/images/93/3a/2b/e8a9b05ffb1492834d2c36572b4d283ede84ae1f.jpg" alt=""></div>
                        <div class="p-list">#DICKIES 174 50th+U# 874大起底，这个代号到底有多牛？</div>
                </a></li>
                <li><a href="#">
                        <div class="img-list"><img src="https://img1.dickies.com.cn/images/20/b7/e8/ac5a5856a236cbdcefe893e097c093384af0e42e.jpg" alt=""></div>
                        <div class="p-list">#DICKIES 274 50th+U# 874大起底，这个代号到底有多牛？</div>
                </a></li>
                <li><a href="#">
                        <div class="img-list"><img src="https://img1.dickies.com.cn/images/50/d9/b9/aba428e122764eb7a32db8c461a9ace4de60b46d.jpg" alt=""></div>
                        <div class="p-list">#DICKIES 374 50th+U# 874大起底，这个代号到底有多牛？</div>
                </a></li>
                <li><a href="#">
                        <div class="img-list"><img src="https://img1.dickies.com.cn/images/46/60/3a/c533796d8707e43a0068a6c82599af134ff85a99.jpg" alt=""></div>
                        <div class="p-list">#DICKIES 474 50th+U# 874大起底，这个代号到底有多牛？</div>
                </a></li>
                <li><a href="#">
                        <div class="img-list"><img src="https://img3.dickies.com.cn/images/da/f8/1d/e719c8fe1aa04fc9acb6a1a9842d3207bbc5a007.jpg" alt=""></div>
                        <div class="p-list">#DICKIES 574 50th+U# 874大起底，这个代号到底有多牛？</div>
                </a></li>
            </ul>
        </div>
        <div class="img-a">
            <a href="#"><img class="img1" src="https://img3.dickies.com.cn/images/b6/28/b8/27e85a38fa9e46f7d8a9992160162e9bf919efe9.jpg" alt=""></a>
            <a href="#"><img class="img2" src="https://img3.dickies.com.cn/images/d7/f1/b6/2c7805c0ea66752b3ab1d042fd1da132c131b086.jpg" alt=""></a>
        </div>
        <a href="#">
            <img src="https://img2.dickies.com.cn/images/a6/f3/3d/1572738d730175d257e8e8e09ecf1b1faf97cbb5.jpg" alt="">
        </a>
        </div>
    </div>
    <div class="mokuai8">
        <div class="fanwei8">
            <div class="footer-logo"><img src="https://img1.dickies.com.cn/images/65/ed/d6/efda24f92a8d14e4f5abc9b40c0006e50ce5eda5.png" alt=""></div>
            <ul class="footer-ul">
                <li class="footer-li1">
                    <span>在线客服<img src="https://img1.dickies.com.cn/images/f6/e2/00/ef6dc65bb67be846e78af360f6b633b678ff6487.png" alt=""></span>
                    <p class="p-talk">在线时间09:00-22:00</p>
                </li>
                <li class="footer-li2">
                    <span>官方商城</span>
                    <p>全部商品</p>
                    <p>新品</p>
                    <p>男装</p>
                    <p>女装</p>
                    <p>鞋类</p>
                    <p>配件</p>
                </li>
                <li class="footer-li3">
                    <span>关于Dickies</span>
                    <p>品牌故事</p>
                    <p>品牌动态</p>
                </li>
                <li class="footer-li4">
                        <span>客户服务</span>
                        <p>订购流程</p>
                        <p>如何注册</p>
                        <p>常见问题</p>
                        <p>联系我们</p>
                    </li>
                    <li class="footer-li5">
                        <span>关注我们</span>
                        <img src="https://img2.dickies.com.cn/images/52/f8/71/8ba5dc6e6c20657bf6d1489f2601fc2278f7ada4.png" alt="">
                        <img src="https://img2.dickies.com.cn/images/01/f7/7d/d51e5535780f1ccaae4860b2887dada71a3ace31.png" alt="">
                    </li>
            </ul>
        </div>
    </div>
    <div class="mokuai9">
        <div class="fanwei9">
            <div class="safe1"><a href="#"> 沪ICP备18048101号 ©2019 Williamson-Dickie Mfg. Co., LLC. Quality Workwear Since 1922</a></div>
            <div class="safe2"><a href="#">隐私政策</a></div>
            <div class="safe3"><a href="#">安全政策</a></div>
        </div>
    </div>
    <div class="zfl-item">
        <div class="item1">
                <i class="fa fa-comment"
                aria-hidden="true"></i>
                <p>在线客服</p>
        </div>
        <div class="item2">
                <i class="fa fa-question-circle-o" aria-hidden="true"></i>
                <p>常见问题</p>
        </div>
        <div class="item3">
                <i class="fa fa-angle-up" aria-hidden="true"></i>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.min.js"></script>
    <script src="./javascripts/libs/jquery.cookie.js"></script>
    <script src="./javascripts/index.js"></script>
</body>
</html>